html, body {background: #fff; color: #555; font: normal 11px Arial, Tahoma, Verdana, sans-serif; margin: 0;}
* {margin:0px;padding:0px;}
html, body, img, form, table, div {border: 0; margin: 0; padding: 0;}
h1 {font: normal 18px Arial; color: #333; margin: 5px 0 20px 0; padding-bottom: 2px; border-bottom: 1px solid #ddd;}
p {margin: 0; padding: 0; line-height: 1em;}
a {text-decoration: underline; color: #069;}
a:hover {text-decoration: none;color: #069;}
span {color: #333;}

#container {width: 500px; top: 50%; left: 50%; padding: 0 20px; margin: -150px 0px 0px -250px; overflow: auto; position: absolute; background: #f9f9f9; border: 1px dashed #ddd;}
#steps {margin: 20px 0 80px 0; background: #ff0;}
div.step {font: bold 12px Arial; color: #fff; float: left; padding: 10px 20px 10px 10px; margin: 0 20px 0 0; background: url(i/bg_arw.gif) no-repeat right top #999;}
div.step#active {background: url(i/bg_arw.gif) no-repeat right top #f90;}
div.step#done {background: url(i/bg_arw.gif) no-repeat right top #069;}

#forward {width: 80px; background: #ddd; padding: 5px 10px; float: right; text-align: center;}

/* footer */	
#footer {width: 100%; height: 26px; border-top: 3px solid #ddd;}
#footer div {}
#footer a {color: #555;}
#copyright {float: left; padding: 5px 0px 0px 0px;}
#design {float: right; text-align: right; padding: 7px 0px 0px 0px;}

#clear {clear: both;}

table.form th {padding: 2px 5px 2px 0; text-align: left; font-weight: normal;}
table.form td {padding: 2px 0;}